﻿
@{
    ViewBag.Title = "等级颜色配置";
    Layout = "~/Views/Shared/_LayoutPage.cshtml";
}
@section Contents{
    <style>
        .tabFrame {
            width: 100%;
            height: calc(100vh - 185px);
            border-width: 0;
        }
    </style>
}

<div id="page"></div>

<script type="text/template" id="tplPage">
    <div style="padding: 20px; background-color: #F2F2F2;">
        <div class="layui-card">
            <div class="layui-card-body">
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">{{lang.Field.QLevel}}</li>
                        <li>{{lang.Field.Color}}</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <iframe class="tabFrame" src="/ParaSetting/RankSetMgr"></iframe>
                        </div>
                        <div class="layui-tab-item">
                            <iframe class="tabFrame" src="/ParaSetting/ColorSetMgr"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>

@section Scripts{
    <script>
        var vm = new Vue({
            el: "#page",
            template: "#tplPage",
            data: {
                lang: JSON.parse(lang).package
            }
        });

        setTimeout(function () {
            layui.use(['element'], function () {
            });
        }, 50);
    </script>
}
